<template>
<div>
    <h1 ref='headerEle'>我是header</h1>
    <button @click ='getEle'>点击</button>
</div>
  
</template>

<script>
export default {
    name:'Header',
    methods:{
        getEle(){
            // 组件实例上有一个$refs属性，属性的值就是在模板中书写了ref属性的dom元素
            // 在模板中书写ref属性时，属性的值是给这个元素取的名字
            // 可以通过this.$refs.xxx获取这个元素
            console.log(this.$refs.headerEle)
        }
    }
}
</script>

<style>

</style>